.SelectButtonGroupContainer {
  display: inline-block;
  text-align: center;
  white-space: nowrap;
}

.SelectButtonGroup {
  width: auto;
}

.SelectButton {
  // min-height: 64px;
  // min-width: 198px;
  color: #707070;
  background-color: #ffffff;
  border: 2px solid #c2cbd8;
  box-sizing: border-box;
  display: inline-block;
  border-radius: 4px;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  cursor: pointer;
  text-align: center;
  outline: none;
  padding: .8em 1.6em;
}

.SelectButtonGroup:not(.vertical) .SelectButton + .SelectButton {
  margin-left: 13px;
}
.SelectButtonGroup.vertical {
  flex-direction: column;
}
.SelectButtonGroup.vertical .SelectButton {
  // display: block;
  // min-height: 64px;
  // min-width: 510px;
}
.SelectButtonGroup.vertical .SelectButton + .SelectButton {
  margin-top: 14px;
}

.SelectButton.disabled {
  color: #bac1cb;
  background-color: #ffffff;
  border: 2px solid #bac1cb;
}

.SelectButton.checked {
  color: #ffffff;
  background-color: #0e7cdc;
  border: 2px solid #0e7cdc;
}

.SelectButton .labelText {
  cursor: pointer;
  padding: 5px;
}

.SelectButtonGroup.select-helicobacter .SelectButton {
  min-height: 64px;
  // min-width: 228px;
}

/*************************************************************************************************
 * タブレット・デスクトップ向け
 *************************************************************************************************/
@media screen and (min-width:641px) {
  /*.SelectButton,
  .SelectButtonGroup.select-helicobacter .SelectButton {
    min-width: 178px;
  }*/

  .SelectButtonGroup:not(.vertical) .SelectButton + .SelectButton {
    margin-left: 16px;
  }

  .SelectButtonGroup.vertical .SelectButton {
    min-width: 460px;
  }
  .SelectButtonGroup.vertical .SelectButton + .SelectButton {
    margin-top: 16px;
  }
}
